#slider {

  margin: 2px auto 0;

  width: 80%;

  height: 40px;

  position: relative;

  background-color: #dae2d0;

  overflow: hidden;

  text-align: center;

  user-select: none;

  -moz-user-select: none;

  -webkit-user-select: none;

}



#slider_bg {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  background-color: #7AC23C;

  z-index: 1;

}



#label {

  width: 44px;

  position: absolute;

  left: 0;

  top: 0;

  height: 38px;

  line-height: 40px;

  border: 1px solid #cccccc;

  background: #fff;

  z-index: 3;

  cursor: move;

  color: #ff9e77;

  font-size: 16px;

  font-weight: 900;

  text-align:center;

}



#labelTip {

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  font-size: 13px;

  font-family: 'Microsoft Yahei', serif;

  color: #787878;

  line-height: 38px;

  text-align: center;

  z-index: 2;

  /*字体样式从左到右移动移画*/

  background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  -webkit-animation: slidetounlock 3s infinite;

}



@keyframes slidetounlock {

  0% {

    background-position: -100px 0;

  }

  100% {

    background-position: 100px 0;

  }

}